<div id="remediate" v-cloak>

  <div purpose="page-container">
    <div purpose="page-content" class="d-flex flex-column justify-content-between">
      <h1>Secure your device</h1>
      <p>Your organization has blocked sign-in because your computer is failing some security checks. Follow the steps below to restore access.</p>
      <ol purpose="remediation-steps">
        <li>
          <p>Click the Fleet icon in your menu bar, and select <strong>My device</strong>:</p>
          <img alt="The Fleet Desktop menu" src="/images/remediate-step-1-456x170@2x.png">
        </li>
        <li>
          <p>Navigate to the <strong>Policies</strong> tab:</p>
          <img alt="The Policies tab" src="/images/remediate-step-2-456x170@2x.png">
        </li>
        <li>
          <p>Select policies with <strong>Action required</strong> and follow the resolution instructions:</p>
          <img alt="Failing policies" src="/images/remediate-step-3-456x170@2x.png">
        </li>
        <li>
          <p>Click the <strong>Refetch</strong> button:</p>
          <img alt="Clicking the refetch button on the 'My device' page" src="/images/remediate-step-4-456x170@2x.png">
        </li>
        <li>
          <p>Once those policies have a <strong>Pass</strong> status, you'll be able to log in.</p>
        </li>
      </ol>
      <div purpose="bottom-logo" class="d-flex flex-row justify-content-center">
        <a href="/better"><img alt="The Fleet logo" src="/images/fleet-logo-muted-69x24@2x.png"></a>
      </div>
    </div>
  </div>

</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
